<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
<head>
</head>


<table border='4' align='center' width='800px'> 
<tr>
<td colspan='2' height='100px'> 	
<center><font color = "black" size = "10" face="Forte"> SMA SANATA DHARMA </center>
</td>
</tr>


<tr><td colspan='2' height='25px'>
<style>
#nav {
 list-style-type: none;
 margin : 0;
 padding: 0;
 background-color:#C71585;
 float: left;
}
#nav li {
 margin: 0;
 padding: 0;
 float: left;
}
#nav a {
 float: left;
 width: 195px;
 text-align: center;
 color: #FFF;
 text-decoration: none;
 padding: 0.15px;
 line-height: 2;
 border-right: 1px solid #FFF;
}
#nav a:hover {
 background:#C0C0C0;
}
</style>
</head>
<body> 
	<a href = "home.css"> <ul id="nav"> <li> HOME </li>
	<a href = "contact.css"> <li> PENDAFTARAN </li>
	<a href = "info.css"> <li> TEST ONLINE </li>
	<a href = "about.css"> <li> TENTANG KAMI </li>
	
</body>
</tr>



<tr><td width='200px' height='500px'> 

<td colspan='1' height= '100px'style="background-color: pink">
</td>
</td>
</tr>



<tr>
<td colspan='2' height='25px' style="background-color: pink">
<img src="wb.jpg" alt="Smiley face" height="100" width="800" />
</td>	
</tr>
 
</html>

